<!--Content Bg-->
	<div id="content_bg" class="png_bg">
    <!--Content-->
    <div id="content">
        <!--Error--><div class="error" style="text-align:center"></div><!--Error-->
    <!--Left Content-->
    <div class="column_left" style="min-height: 400px">
        <h1 class="info_tabs info_tabs_selected" style="float:left;">
		  <span class="nohover">Messages Between You and cintasejati</span>
	    </h1>
	    <br/>
	    <br/>
        <!--Comment List-->
        <div style="clear:both;">
            <!--Comment Image & Author-->
            <div style="float:left;">
                <div class="commentby commentbyauthor">
                    <a href="/user/repotman" title="repotman">
                        <img src="images/repotman.64.725144.jpg" alt="repotman" align="top" class="picframe" border="0" width="64" height="64" />
                        <br/>
                        repotman
                    </a>
                </div>
            </div>
            <!--Comment Image & Author-->
            <!--Comment Form-->
            <form id="commentform" name="commentform" action="/message?userid=328787" method="post" enctype="multipart/form-data" onsubmit="return validate('commentform');" style="overflow: hidden;">
                <div class="commentbubble commentauthor commentform">
                    <textarea style="resize: none; width:97%;" name="comment" id="commentText" tabindex="11" rows="4" onkeyup="updateCharCount();" onchange="msgArray[1] = $(this).val()" ></textarea>
                </div>
                <div class="commentmeta">
                    <div style="float:left;color:#999">
                        <input type="hidden" name="private" value="1" />
                    </div>
                    <span id="charcount">0</span> / 2000 
                    <img src='images/ajax-loader-white.gif' width='16' height='16' alt='Loading...' class='comment_spinner' id='comment_spinner' border='0' style='display:none; vertical-align: middle; padding-top: 4px; padding-bottom: 3px'  />
                    <button id="commentbutton" onclick="commentButtonClicked();" type="submit" class="commentbutton" tabindex="12">
                        <img src="images/confirm.png" /> Send
                    </button>
                </div>
            </form>
        </div>
        <!--Comment List-->
        <script type="text/javascript">
          function commentButtonClicked() {
            if ($("textarea[name^=comment]").val()!="" && $("textarea[name^=comment]").val().length<=2000) {
              $('#commentbutton').hide();
              $('#comment_spinner').show();
            }
          }
    
          function validate(id) {
            if ($("textarea[name^=comment]").val()=="") {
              alert("Enter your message");
              return false;
            }
            if ($("textarea[name^=comment]").val().length>2000) {
              alert("Your message exceeds 2000 characters");
              return false;
            }
            return true;
          }
    
          function updateCharCount() {
            $("#charcount").text($("textarea[name^=comment]").val().length);
          }
        </script>
  		
        <!--List Message-->
        <div style="border:1px solid #FFF; clear:both;">
            <div style="float:left">
                <div class="commentby">
                    <a href="member.html" title="repotman">
                        <img src="images/repotman.64.725144.jpg" alt="repotman" align="top" class="picframe" border="0" width="64" height="64" />
                        <br/>repotman
                    </a>
                    <br/>
                    57 minutes ago
                </div>
            </div>
            <pre class="commentbubble" style="width:450px">
                test mantap
            </pre>
            <div class="commentmeta"></div>
        </div>
        <!--List Message-->
        
  		<!--Paging-->
        <div id="paging_controls" style="margin:20px 0px;text-align:center">
	    </div>
		<!--Paging-->
        
		<script type="text/javascript">
			var page = 0, itemspp = 10, loading = false;

			$(document).ready(function() {
				$('#load_more').ajaxError(function() {
					page--;
					loading = false;
					$('.more_spinner').css('visibility', 'hidden');
				});
			});

			function loadMore() {
				if (!loading && (page+1)*itemspp< 2) {
					page++;
					$('.more_spinner').css('visibility', 'visible');
					loading = true;
					$.get("/user_inbox?userid=328787&page="+page, function(data) {
						$('.more_spinner').css('visibility', 'hidden');

						$('#paging_controls').before(data);
						if ((page+1)*itemspp>= 2) {
							$('#load_more').hide();
						}
						else {
							$('#load_btn_text').html(Math.min(2 - (page+1)*itemspp, itemspp)+" More");
						}
						loading = false;
					}, 'html');
				}
			}

			function deleteThread(userid) {
				if (confirm("Delete all messages between you and cintasejati?")) {
					window.location = "message.php?deletethread=328787";
				}
			}
			$('#commentform textarea').focus();
		
		</script>
	
    </div>
    <!--Left Column-->
    
    <!--Right Column-->
    <?=$this->ws->get_template('sidebar')?>
    <!--Right Column-->

	<!--Sponsor Bottom-->
	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px">  
	</div>	
    <!--Sponsor Bottom-->
    
 </div>
 <!-- End Content -->
 
 <!-- Content Bottom -->
 <div id="content_bottom" class="png_bg"></div>
  <!-- Content Bottom -->